<template>
  <div class="avatar">
    <a
      href="https://img-static.mihoyo.com/communityweb/upload/9b3ba0955f25001047823e3ad904c87d.png"
    >
      <img
        class="avatar-border"
        src="https://upload-bbs.mihoyo.com/upload/2021/09/24/119acfbde04e1bd44a82c0d245795b21_9202228775542194642.png"
      /><img
        class="avatar-img"
        src="https://img-static.mihoyo.com/communityweb/upload/9b3ba0955f25001047823e3ad904c87d.png"
      />
    </a>
  </div>
</template>

<script></script>

<style>
.avatar-img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: 8px;
  z-index: 0;
}
.avatar-border {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 3px;
  left: 185px;
  z-index: 1;
}
</style>
